<template>
<div class="user_role">
         <!--按钮-->
   <div class="btns">
    <el-button type="success" size="small">新增</el-button>
   </div>
         <!--/按钮-->
         <!--表格-->
     <el-table
    :data="user_role"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="序号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="userId"
      label="用户标识"
      width="180">
    </el-table-column>
    <el-table-column
      prop="roleId"
      label="权限标识">
    </el-table-column>
  </el-table>
        <!--/表格-->
</div>   
</template>
<script>
import  {get,post}  from '@/utils/request'
export default {
  data() {
    return{
      user_role:[]
    }
  },
   created(){
    this.loaduser_role();
   },
   methods:{
     loaduser_role(){
        let url ='http://localhost:8888/base_user_role/query'
        get(url).then((resp)=>{

        this.user_role=resp.data;
        })
     }
   }
}
</Script>
<style scoped>
</style>